.menu-wrapper {
  height: 100%;
  display: flex;
  flex-direction: column;

  :deep(.ant-menu-inline) {
    height: 100%;
    border-right: none;

    .ant-menu-item {
      width: calc(100% - 16px);
      margin-inline: 8px;
    }
  }

  :deep(.ant-menu-submenu-title) {
    width: calc(100% - 16px);
    margin-inline: 8px;
  }

  :deep(.ant-menu-inline-collapsed) {
    > .ant-menu-item {
      padding-inline: calc(50% - 14px);
    }

    .ant-menu-item-icon {
      vertical-align: -0.25em;
    }

    .ant-menu-submenu-title {
      padding-inline: calc(50% - 18px);
    }
  }
}

.select-menu {
  :deep(.ant-menu-inline) {
    .ant-menu-item-selected {
      background-color: var(--selected-bg-color);
    }
  }
}

.horizontal-menu {
  :deep(.ant-menu-horizontal) {
    .ant-menu-item {
      display: flex;
      align-items: center;
    }

    .ant-menu-submenu-title {
      display: flex;
      align-items: center;
    }
  }
}

/* 商务风格菜单优化 */
.business-style .menu-wrapper {
  :deep(.ant-menu-inline) {
    .ant-menu-item {
      border-radius: 6px;
      margin: 4px 8px;
      transition: all 0.2s ease;

      &:hover {
        background-color: rgba(24, 144, 255, 0.05);
      }

      &.ant-menu-item-selected {
        background-color: rgba(24, 144, 255, 0.1);
        color: #1890ff;
        font-weight: 500;
      }
    }

    .ant-menu-submenu-title {
      border-radius: 6px;
      margin: 4px 8px;
      transition: all 0.2s ease;

      &:hover {
        background-color: rgba(24, 144, 255, 0.05);
      }
    }

    .ant-menu-sub {
      .ant-menu-item {
        margin-left: 16px;
        width: calc(100% - 32px);
      }

      .ant-menu-submenu-title {
        margin-left: 16px;
        width: calc(100% - 32px);
      }
    }
  }
}
